

<link rel="stylesheet" href="style/ospms-body.css" type="text/css">

<div id="mymenu">

<div class="TreeWrap">
<div class="MenuBox" id="Menu_0">
<div class="titBox"><h3 class="Fst"><a href="javascript:showMenu(0);">&nbsp;Setting</a></h3></div>
<div class="txtBox">
 <ul>
  <li><a href="javascript:void()" onclick="menuOpen('/OSPMS/User.php')">&nbsp;<img src="/OSPMS/images/button_small_gray1.png" >User</a></li>
  <li><a  href="javascript:void()" onclick="menuOpen('/OSPMS/Privileg.php')">&nbsp;<img src="/OSPMS/images/button_small_gray1.png" >Privilege</a></li>
  <li><a  href="javascript:void()" onclick="menuOpen('/OSPMS/Project.php')">&nbsp;<img src="/OSPMS/images/button_small_gray1.png" >Project</a></li>
  <!--<li><a  href="javascript:void()" onclick="menuOpen('/OSPMS/AddProject.php')">&nbsp;<img src="/OSPMS/images/button_small_gray1.png" >AddProject</a></li>-->
  <li><a  href="javascript:void()" onclick="menuOpen('/OSPMS/Study.php')">&nbsp;<img src="/OSPMS/images/button_small_gray1.png" >Study</a></li>
  <li><a  href="javascript:void()" onclick="menuOpen('/OSPMS/UserFiles.php')">&nbsp;<img src="/OSPMS/images/button_small_gray1.png" >List Files</a></li>
<!--  <li class="Lst"><a href="/OSPMS/Study.php">Study</a></li> -->
 </ul>
</div> <!-- txtBox -->
</div><!--MenuBox-->
<div class="MenuBox" id="Menu_1">
<div class="titBox"><h3><a href="javascript:showMenu(1);">&nbsp;Project</a></h3></div>
<div class="txtBox">
 <ul>
  <li><a  href="javascript:void()" onclick="menuOpen('/OSPMS/ShowProjects.php')">&nbsp;<img src="/OSPMS/images/button_small_gray1.png" >Show</a></li>
  <!--<li class="Lst"><a  href="javascript:void()" onclick="menuOpen('/OSPMS/Upload_Project.php')">&nbsp;<img src="/OSPMS/images/button_small_gray1.png" >Upload</a></li>
  <li class="Lst"><a  href="javascript:void()" onclick="menuOpen('/OSPMS/UserFiles.php')">&nbsp;<img src="/OSPMS/images/button_small_gray1.png" >ShowFiles</a></li>-->
 </ul>
</div> <!-- txtBox -->
</div><!--MenuBox-->
<div class="MenuBox" id="Menu_2" style="display:none">
<div class="titBox"><h3><a href="javascript:showMenu(2);">&nbsp;Program</a></h3></div>
<div class="txtBox">
 <ul>
  <li><a href="#">&nbsp;<img src="/OSPMS/images/button_small_gray1.png" >Todo</a></li>
<!--  <li class="Lst"><a href="#">M</a></li> -->
 </ul>
</div> <!-- txtBox -->
</div><!--MenuBox2 -->
<div class="MenuBox" id="Menu_3">
<div class="titBox"><h3><a href="javascript:showMenu(3);">&nbsp;My Document</a></h3></div>
<div class="txtBox">
 <ul>
  <li><a href="#">&nbsp;<img src="/OSPMS/images/button_small_gray1.png" >Todo</a></li>
<!--  <li class="Lst"><a href="#">R</a></li> -->
 </ul>
</div> <!-- txtBox -->
</div><!--MenuBox2 -->
<div class="MenuBox" id="Menu_0">
<div class="titBox"><h3 class="Fst"><a href="javascript:showMenu(0);">&nbsp;Admin</a></h3></div>
<div class="txtBox">
 <ul>
  <li><a href="/OSPMS/AddUser.php">&nbsp;<img src="/OSPMS/images/button_small_gray1.png" >Add User</a></li>
  <li><a href="#">&nbsp;<img src="/OSPMS/images/button_small_gray1.png" >Audit Log</a></li>
  <li class="Lst"><a href="#">&nbsp;<img src="/OSPMS/images/button_small_gray1.png" >Sign-in Log</a></li>
 </ul>
</div> <!-- txtBox -->
</div> <!--MenuBox-->
</div> <!-- TreeWrap -->
</div> <!-- mymenu -->

<script>
 function ExChgClsName(Obj,NameA,NameB){
  var Obj=document.getElementById(Obj)?document.getElementById(Obj):Obj;
  Obj.className=Obj.className==NameA?NameB:NameA;
 }
 function showMenu(iNo){
 ExChgClsName("Menu_"+iNo,"MenuBox","MenuBox2");
 }


function menuOpen(url)
{
	window.mainFrame.location=url;
}

$(".txtBox li").click(function(){
$(".txtBox li").css("background","white");
$(this).css("background","#d9e8fb")
});
</script>